doctype html
html
  head
    base(target='_blank')
    meta(http-equiv='content-type', content='text/html; charset=euc-kr')
    title honey-sleep test
    bgsound(src='Sleep Away.mp3', loop='infinite')

    body(bgcolor='white', text='black', link='blue', vlink='purple', alink='red', onload='na_preload_img(false, \'NAMETAG/2014-06-1112.18.00.png\', \'NAMETAG/2014-06-1112.17.45.png\', \'NAMETAG/2014-06-1112.17.51.png\');')
      #logo(style='background-color: white; width: 316px; height: 92px; position: absolute; left: 47px; top: 19px; z-index: 1;')
          p
              img(src='NAMETAG/2014-06-1112.01.47.png', width='316', height='93', border='0')
          p  
          p#music_text  
          p  
          #layer2(style='width: 157px; height: 88px; position: absolute; left: 375px; top: 147px; z-index: 1;')
              p
                  a(href='/delta', onmouseout='na_restore_img_src(\'image1\', \'document\')', onmouseover='na_change_img_src(\'image1\', \'document\', \'NAMETAG/2014-06-1112.18.00.png\', true)')
                      img(src='NAMETAG/2014-06-1112.02.12.png', width='157', height='88', border='0', name='image1')
          #layer4(style='width: 160px; height: 87px; position: absolute; left: 1088px; top: 145px; z-index: 1;')
              p
                  button(id="before_sleep" , onmouseout='na_restore_img_src(\'image3\', \'document\')', onmouseover='na_change_img_src(\'image3\', \'document\', \'NAMETAG/2014-06-1112.17.45.png\', true)')
                      img(src='NAMETAG/2014-06-1112.01.53.png', width='158', height='86', border='0', name='image3')
          #layer3(style='width: 160px; height: 88px; position: absolute; left: 729px; top: 79px; z-index: 1;')
              p
                  button(id="after_sleep" , onmouseout='na_restore_img_src(\'image2\', \'document\')', onmouseover='na_change_img_src(\'image2\', \'document\', \'NAMETAG/2014-06-1112.17.51.png\', true)')
                      img(src='NAMETAG/2014-06-1112.02.04.png', width='158', height='89', border='0', name='image2')
          p  
          p  
          #main2(style='width: 620px; height: 463px; position: absolute; left: 130px; top: 273px; z-index: 1;')
              p
                  img(src='BGPHOTO/2014-06-1112.12.42.png', width='1198', height='658', border='0')
          p  
          p  
          p  
          p  
          p  
          p  
          p  
          p  
          p  
          p  
          #layer1(style='background-color: white; width: 1274px; height: 95px; position: absolute; left: 79px; top: 926px; z-index: 1;')
              p  
          p  
          p  
          p  
          p  
          p  
          p  
          p  
          p  
          p
    #container
      audio#sleep_audio(hidden='true' controls='controls')
        source(src='/music/fire.3gp', type='audio/mpeg')
    #container
      audio#before_sleep_audio(hidden='true' controls='controls')
        source(src='/music/meditation.m4a', type='audio/mpeg')
    #container
    audio#after_sleep_audio(hidden='true' controls='controls')
        source(src='/music/weightloss.m4a', type='audio/mpeg')

    script(src='http://code.jquery.com/jquery-1.11.0.min.js')
    script(src='/javascripts/main.js')







